/*------------------html elements-----------------------*/

a,body,caption,div,em,fieldset,h1,h2,h3,h4,h5,h6,input,label,legend,li,ol,p,select,span,strong,sup,td,textarea,th,ul {
  font-family:verdana,arial,helvetica;
}

a {
  color:#999999;
  text-decoration:underline;
}

a:hover {
  color:#333333;
  text-decoration:underline;
}

address {
  font-style:normal;
}

blockquote {
  font-weight:bold;
  margin:0px 0px 15px 0px;
}

body {
	background-color:#F5F5E8;
	background-position:0% 0%;
	background-repeat:no-repeat;
	color:#999999;
	font-size:80%;
	padding:0px;
	margin:0px;
	line-height: 1.25;
}

embed {
  float:left;
}

fieldset {
  border:none;
  clear:both;
  margin:0px;
  padding:0px;
}

form {
  border:none;
  float:left;
  margin:0px;
  padding:0px;
}

h1 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
}

h2 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h3 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h4 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h5 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h6 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

img {
  border:none ;
  margin:0px;
  padding:0px;
}

input {
  font-size:90%;
}

label {
}

legend {
  border:none;
  font-weight:normal;
  margin:0px 0px 0px -7px;
  padding:0px;
}

object {
  float:left;
}

ol {
  padding-left:25px;
  margin-left:0px;
  margin-bottom:15px;
  margin-top:0px;
}

ol ol {
  margin-bottom:0px;
}

ol li {
  margin-bottom:3px;
}

p {
  margin:0px 0px 15px 0px;
}

pre {
  font-size:100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size:100%;
}

html>body pre {
  font-size:120%;
}

select {
  font-size:90%;
}

sup {
}

table {
  border:none;
  clear:both;
  font-size:100%;
  margin:0px;
  padding:0px;
}

textarea {
  font-size:90%;
}

ul {
  padding-left:16px;
  margin-left:0px;
  margin-bottom:15px;
  margin-top:0px;
}

ul ul {
  margin-bottom:0px;
}

ul li {
  margin-bottom:3px;
}

/*------------------generic classes-----------------------*/

.backToTop {
  clear:both;
  padding-top:5px;
  margin:0px 0px 0px 0px;
  text-align:right;
}

.backToTop a {
  text-decoration:none;
}

.backToTop a:hover {
  text-decoration:underline;
}

.bookmark {
  font-size:0px;
  line-height:0px;
}

/*\*/
 html>body*.bookmark { height:0px; }
 /**/

.bookmark a {
  text-decoration:none;
}

.bookmark a span {
  font-size:0px;
  height:0px;
  line-height:0px;
}

.clear {
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
}

.hide {
  position:absolute; 
  left:752px;
  top:39px;
  width:131px;
  height:63px;
  overflow:hidden;
}

.hr {
  background-color:#999999;
  border:0px;
  clear:both;
  font-size:1px;
  height:1px;
  line-height:1px;
  margin:10px 0px 15px 0px;
  padding:0px;
}

.textError {
  color: #FF0000 ! important;
}

.textXLarge {
  font-size:450% ! important;
}

.textLarge {
  font-size:160% ! important;
}

.textMedium {
  font-size:120% ! important;
}

.textSmall {
  font-size:90% ! important;
}

.textXSmall {
  font-size:80% ! important;
}

.textBold {
  font-weight:bold ! important;
}

.textItalic {
  font-style:italic ! important;
}

.textNormal {
  font-weight:normal ! important;
}

.textHighlight {
  color:#5C6DB2;
}

img.float {
  margin-bottom:-3px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  float:left;
  margin-bottom:0px;
}

html>body img.float {
  float:left;
  margin-bottom:0px;
}

/*------------------vertically centered title-----------------------*/

.columnTitle {
  border:none;
  display:inline;
  float:left;
}

.columnTitle h1 {
  display:table;
  position:relative;
  overflow:hidden;
  voice-family: "\"}\""; 
  voice-family:inherit;
  position:relative;
}

html>body .columnTitle h1 {
  position:static;
}

.columnTitle h1 span {
  display:table-cell;
  position:absolute;
  top:50%;
  vertical-align:middle;
  voice-family: "\"}\""; 
  voice-family:inherit;
  position:absolute;
  top:50%;
}

html>body .columnTitle h1 span {
  position:static;
  top:auto;
}

.columnTitle h1 span img {
  position:relative;
  top:-50%;
  voice-family: "\"}\""; 
  voice-family:inherit;
  position:relative;
  top:-50%;
}

html>body .columnTitle h1 span img {
  position:static;
  top:auto;
}

.columnTitle h1 span br {
  clear:both;
}

/*------------------positional classes-----------------------*/

.left { text-align:left ! important; }
.center { text-align:center ! important; }
.right { text-align:right ! important; }
.top { vertical-align:top ! important; }
.middle { vertical-align:middle ! important; }
.bottom { vertical-align:bottom ! important; }

/*------------------background classes-----------------------*/

.bg01 { background-color:#000000; }

/*------------------foreground classes-----------------------*/

.fg01 { color:#FFFFFF; }
.fg01:hover {
	color:#FFFFFF;
	line-height: 1.25;
}

/*------------------border classes-----------------------*/

.bb00 { border-bottom:none ! important; }
.bb01 { border-bottom:1px solid #999999 ! important; }
.bb02 { border-bottom:2px solid #999999 ! important; }
.bt00 { border-top:none ! important; }
.bt01 { border-top:1px solid #999999 ! important; }
.bt02 { border-top:2px solid #999999 ! important; }

/*------------------margin classes-----------------------*/

.mt00 { margin-top:0px ! important; }
.mt01 { margin-top:1px ! important; }
.mt02 { margin-top:2px ! important; }
.mt03 { margin-top:3px ! important; }
.mt04 { margin-top:4px ! important; }
.mt05 { margin-top:5px ! important; }
.mt06 { margin-top:6px ! important; }
.mt07 { margin-top:7px ! important; }
.mt08 { margin-top:8px ! important; }
.mt09 { margin-top:9px ! important; }
.mt10 { margin-top:10px ! important; }
.mt11 { margin-top:11px ! important; }
.mt12 { margin-top:12px ! important; }
.mt13 { margin-top:13px ! important; }
.mt14 { margin-top:14px ! important; }
.mt15 { margin-top:15px ! important; }
.mt20 { margin-top:20px ! important; }
.mt25 { margin-top:25px ! important; }
.mt30 { margin-top:30px ! important; }

.mr00 { margin-right:0px ! important; }
.mr01 { margin-right:1px ! important; }
.mr02 { margin-right:2px ! important; }
.mr03 { margin-right:3px ! important; }
.mr04 { margin-right:4px ! important; }
.mr05 { margin-right:5px ! important; }
.mr06 { margin-right:6px ! important; }
.mr07 { margin-right:7px ! important; }
.mr08 { margin-right:8px ! important; }
.mr09 { margin-right:9px ! important; }
.mr10 { margin-right:10px ! important; }
.mr11 { margin-right:11px ! important; }
.mr12 { margin-right:12px ! important; }
.mr13 { margin-right:13px ! important; }
.mr14 { margin-right:14px ! important; }
.mr15 { margin-right:15px ! important; }
.mr20 { margin-right:20px ! important; }
.mr25 { margin-right:25px ! important; }
.mr30 { margin-right:30px ! important; }

.mb00 { margin-bottom:0px ! important; }
.mb01 { margin-bottom:1px ! important; }
.mb02 { margin-bottom:2px ! important; }
.mb03 { margin-bottom:3px ! important; }
.mb04 { margin-bottom:4px ! important; }
.mb05 { margin-bottom:5px ! important; }
.mb06 { margin-bottom:6px ! important; }
.mb07 { margin-bottom:7px ! important; }
.mb08 { margin-bottom:8px ! important; }
.mb09 { margin-bottom:9px ! important; }
.mb10 { margin-bottom:10px ! important; }
.mb11 { margin-bottom:11px ! important; }
.mb12 { margin-bottom:12px ! important; }
.mb13 { margin-bottom:13px ! important; }
.mb14 { margin-bottom:14px ! important; }
.mb15 { margin-bottom:15px ! important; }
.mb20 { margin-bottom:20px ! important; }
.mb25 { margin-bottom:25px ! important; }
.mb30 { margin-bottom:30px ! important; }

.ml00 { margin-left:0px ! important; }
.ml01 { margin-left:1px ! important; }
.ml02 { margin-left:2px ! important; }
.ml03 { margin-left:3px ! important; }
.ml04 { margin-left:4px ! important; }
.ml05 { margin-left:5px ! important; }
.ml06 { margin-left:6px ! important; }
.ml07 { margin-left:7px ! important; }
.ml08 { margin-left:8px ! important; }
.ml09 { margin-left:9px ! important; }
.ml10 { margin-left:10px ! important; }
.ml11 { margin-left:11px ! important; }
.ml12 { margin-left:12px ! important; }
.ml13 { margin-left:13px ! important; }
.ml14 { margin-left:14px ! important; }
.ml15 { margin-left:15px ! important; }
.ml20 { margin-left:20px ! important; }
.ml25 { margin-left:25px ! important; }
.ml30 { margin-left:30px ! important; }

/*------------------padding classes-----------------------*/

.pt00 { padding-top:0px ! important; }
.pt01 { padding-top:1px ! important; }
.pt02 { padding-top:2px ! important; }
.pt03 { padding-top:3px ! important; }
.pt04 { padding-top:4px ! important; }
.pt05 { padding-top:5px ! important; }
.pt06 { padding-top:6px ! important; }
.pt07 { padding-top:7px ! important; }
.pt08 { padding-top:8px ! important; }
.pt09 { padding-top:9px ! important; }
.pt10 { padding-top:10px ! important; }
.pt11 { padding-top:11px ! important; }
.pt12 { padding-top:12px ! important; }
.pt13 { padding-top:13px ! important; }
.pt14 { padding-top:14px ! important; }
.pt15 { padding-top:15px ! important; }
.pt20 { padding-top:20px ! important; }
.pt25 { padding-top:25px ! important; }
.pt30 { padding-top:30px ! important; }

.pr00 { padding-right:0px ! important; }
.pr01 { padding-right:1px ! important; }
.pr02 { padding-right:2px ! important; }
.pr03 { padding-right:3px ! important; }
.pr04 { padding-right:4px ! important; }
.pr05 { padding-right:5px ! important; }
.pr06 { padding-right:6px ! important; }
.pr07 { padding-right:7px ! important; }
.pr08 { padding-right:8px ! important; }
.pr09 { padding-right:9px ! important; }
.pr10 { padding-right:10px ! important; }
.pr11 { padding-right:11px ! important; }
.pr12 { padding-right:12px ! important; }
.pr13 { padding-right:13px ! important; }
.pr14 { padding-right:14px ! important; }
.pr15 { padding-right:15px ! important; }
.pr20 { padding-right:20px ! important; }
.pr25 { padding-right:25px ! important; }
.pr30 { padding-right:30px ! important; }

.pb00 { padding-bottom:0px ! important; }
.pb01 { padding-bottom:1px ! important; }
.pb02 { padding-bottom:2px ! important; }
.pb03 { padding-bottom:3px ! important; }
.pb04 { padding-bottom:4px ! important; }
.pb05 { padding-bottom:5px ! important; }
.pb06 { padding-bottom:6px ! important; }
.pb07 { padding-bottom:7px ! important; }
.pb08 { padding-bottom:8px ! important; }
.pb09 { padding-bottom:9px ! important; }
.pb10 { padding-bottom:10px ! important; }
.pb11 { padding-bottom:11px ! important; }
.pb12 { padding-bottom:12px ! important; }
.pb13 { padding-bottom:13px ! important; }
.pb14 { padding-bottom:14px ! important; }
.pb15 { padding-bottom:15px ! important; }
.pb20 { padding-bottom:20px ! important; }
.pb25 { padding-bottom:25px ! important; }
.pb30 { padding-bottom:30px ! important; }

.pl00 { padding-left:0px ! important; }
.pl01 { padding-left:1px ! important; }
.pl02 { padding-left:2px ! important; }
.pl03 { padding-left:3px ! important; }
.pl04 { padding-left:4px ! important; }
.pl05 { padding-left:5px ! important; }
.pl06 { padding-left:6px ! important; }
.pl07 { padding-left:7px ! important; }
.pl08 { padding-left:8px ! important; }
.pl09 { padding-left:9px ! important; }
.pl10 { padding-left:10px ! important; }
.pl11 { padding-left:11px ! important; }
.pl12 { padding-left:12px ! important; }
.pl13 { padding-left:13px ! important; }
.pl14 { padding-left:14px ! important; }
.pl15 { padding-left:15px ! important; }
.pl20 { padding-left:20px ! important; }
.pl25 { padding-left:25px ! important; }
.pl30 { padding-left:30px ! important; }

/*------------------width classes-----------------------*/

.w100p { width:100% ! important; }
.w320 { width:320px ! important; }

/*------------------list classes-----------------------*/

ul.listNoBullet {
  clear:both;
  list-style:none;
  margin:0px;
  padding:0px;
}

ul.listNoBullet li {
  background-image:none ! important;
  padding-left:0px ! important;
}

/*------------------form classes-----------------------*/

select.fieldSelect {
  background-color:#FFFFFF;
  border:1px solid #999999;
  color:#999999;
  float:left;
  margin:0px 0px 10px 0px;
  padding:0px;
  width:200px;
}

input.fieldCheck {
  border:none;
  clear:left;
  color:#999999;
  display:inline;
  float:left;
  margin:2px 5px 3px 0px;
  padding:0px;
}

label.labelCheck {
  clear:none;
  display:inline;
  float:left;
  margin:4px 0px 0px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  margin:4px 0px 0px 0px;
}

html>body label.labelCheck {
  margin:0px 0px 0px 0px;
}

input.fieldRadio {
  border:none;
  clear:left;
  color:#999999;
  display:inline;
  float:left;
  margin:2px 5px 3px 0px;
  padding:0px;
}

input.fieldText {
  background-color:#FFFFFF;
  border:none;
  border:1px solid #999999;
  color:#999999;
  float:left;
  margin:0px 0px 10px 0px;
  padding:0px 2px 1px 2px;
  width:200px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:194px;
}

html>body input.fieldText {
  width:194px;
}

input.fieldPassword {
  background-color:#FFFFFF;
  border:none;
  border:1px solid #999999;
  color:#999999;
  float:left;
  margin:0px 0px 10px 0px;
  padding:0px 2px 1px 2px;
  width:200px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:194px;
}

html>body input.fieldPassword {
  width:194px;
}

input.fieldImage {
  border:none;
  clear:both;
  float:none;
  margin:0px 0px 10px 276px;
  padding:0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  float:left;
}

html>body input.fieldImage {
  float:left;
}

img.fieldImage {
  border:none;
  clear:both;
  float:none;
  margin:0px 0px 10px 276px;
  padding:0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  float:left;
}

html>body img.fieldImage {
  float:left;
}

input.fieldSubmit {
  clear:both;
  background-color:#FFFFFF;
  border:none;
  border:1px solid #999999;
  color:#999999;
  float:left;
  margin:0px 0px 10px 0px;
  padding:0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  overflow:visible;
  padding:0px 5px 0px 5px;
}

html>body input.fieldSubmit {
  overflow:visible;
  padding:0px 5px 0px 5px;
}

textarea.fieldArea {
  background-color:#FFFFFF;
  border:none;
  border:1px solid #999999;
  color:#999999;
  float:left;
  margin:0px 0px 10px 0px;
  padding:0px;
  width:200px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:198px;
}

html>body textarea.fieldArea {
  width:198px;
}

/*------------------column classes-----------------------*/

.columnSpan1 {
  border:none;
  display:inline;
  float:left;
  margin:0px;
  padding:0px;
  width:97px;
}

/*------------------page-----------------------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	text-align:center;
	min-height:650px;/* for good browsers*/
	min-width:942px;/* for good browsers*/
}

#containerPage01	{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}

#containerPage02 {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 650px;
}

#containerPage03 {
	width:985px;
	background-color:#000000;
	height: 625px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/*body, html {
  height: 100%;
}*/

#xxcontainerPage01 {
  height:100%;
  margin:auto;
  overflow:visible;
  position:relative;
  width:942px;
}

#xxcontainerPage01[id] {
  display:table;
  position:static;
}

#xxcontainerPage02 {
  position:absolute;
  top:50%;
} /* for explorer only*/

#xxcontainerPage02[id] {
  display:table-cell;
  vertical-align:middle;
  position:static;
}

#xxcontainerPage03 {
  background-color:#FFFFFF;
  height:650px;
  position:relative;
  top:-50%;
} /* for explorer only */

/*------------------logo-----------------------*/

#logo {
	position:absolute;
	right:458px;
	top:6px;
	width: 512px;
	height: 130px;
}

/*------------------menu main-----------------------*/

#menuMain {
  position:absolute;
  left:30px;
  top:30px;
}

#menuMain ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

#menuMain ul li {
  clear:both;
  list-style:none;
  margin:0px;
  padding:0px;
}

#menuMain ul li a {
  text-decoration:none;
}

#menuMain ul li a:hover {
  text-decoration:none;
}

#menuMain ul li a.on {
  color:#333333;
}

#menuMain ul li img {
  voice-family: "\"}\""; 
  voice-family:inherit;
  float:left;
}

html>body #menuMain ul li img {
  float:left;
}

#menu_item_1 {
	position:absolute;
	top:-7px;
	left:382px;
	width: 89px;
}

#menu_1 {
  position:absolute;
  top:21px;
  left:0px;
  visibility:hidden;
}

#menu_item_2 {
  position:absolute;
  top:-7px;
  left:506px;
}

#menu_2 {
  position:absolute;
  top:21px;
  left:0px;
  visibility:hidden;
}

#menu_2_1 {
  position:absolute;
  left:0px;
  top:0px;
  text-decoration:none;
  visibility:hidden;
}

#menu_2_2 {
  position:absolute;
  left:0px;
  top:0px;
  text-decoration:none;
  visibility:hidden;
}

#menu_2_3 {
  position:absolute;
  left:0px;
  top:0px;
  text-decoration:none;
  visibility:hidden;
}

.terColumn01 {
  position:absolute;
  left:142px;
  top:7px;
  width:120px;
}

.terColumn02 {
  position:absolute;
  left:272px;
  top:7px;
  width:120px;
}

.terColumn03 {
  position:absolute;
  left:402px;
  top:7px;
  width:120px;
}

/*------------------title main-----------------------*/

#titleMain {
  position:absolute;
  left:461px;
  top:95px;
  width:180px;
}

#titleMain h1 {
  float:left;
  margin-bottom:0px;
}

#titleMain img {
  float:left;
}

#titleMain p {
  float:left;
  margin:6px 4px 0px 4px;
  padding:0px;
}

/*------------------body-----------------------*/

#body {
  position:absolute;
  left:15px;
  height:450px;
  top:142px;
  width:954px;
}

/*------------------title sub-----------------------*/

#titleSub {
	position:absolute;
	left:36px;
	bottom:73px;
	width: 349px;
	height: 83px;
}

#titleSub h2 {
  font-weight:normal;
}

/*------------------text-----------------------*/

#text {
  position:absolute;
  left:0px;
  top:2px;
  height:466px;
  width:916px;
}

#text p {
  width:320px;
}

#text img {
  float:right;
  padding:1px 0px 0px 0px;
}

#text p.caption {
  clear:right;
  float:right;
  font-size:80%;
  margin:0px;
  padding:0px;
  width:auto;
  white-space:nowrap;
}

/*------------------menu sub-----------------------*/

#menuSub {
  position:absolute;
  right:1px;
  top:-43px;
}

#menuSub ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

#menuSub ul li {
  float:left;
  list-style:none;
  margin:0px;
  padding-left:7px;
}

#menuSub ul li img {
  float:left;
}

/*------------------index page-----------------------*/

#index {
  position:absolute;
  left:30px;
  top:30px;
}

#index img {
  padding:275px 205px 274px 204px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  float:left;
}

html>body #index img {
  float:left;
}

